<%@ page import="com.bothin.experiment4.security.LoginUserUtil" %>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<%--头部区域--%>
<div class="layui-header">
    <ul class="layui-nav layui-layout-left">
        <%--侧边伸缩--%>
        <li class="layui-nav-item layadmin-flexible" lay-unselect>
            <a href="javascript:;" layadmin-event="flexible" title="侧边伸缩">
                <i class="layui-icon layui-icon-shrink-right" id="LAY_app_flexible"></i>
            </a>
        </li>
        <%--刷新--%>
        <li class="layui-nav-item" lay-unselect>
            <a href="javascript:;" layadmin-event="refresh" title="刷新">
                <i class="layui-icon layui-icon-refresh-3"></i>
            </a>
        </li>
        <%--搜索--%>
        <li class="layui-nav-item layui-hide-xs" lay-unselect>
            <input type="text" placeholder="搜索..." autocomplete="off" class="layui-input layui-input-search" layadmin-event="serach" lay-action="template/search.html?keywords=">
        </li>
    </ul>

    <ul class="layui-nav layui-layout-right" lay-filter="layadmin-layout-right">
        <%--消息中心--%>
        <li class="layui-nav-item" lay-unselect style="margin-right: 20px;">
            <a lay-href="app/message/index.html" layadmin-event="message" lay-text="消息中心">
                <i class="layui-icon layui-icon-notice"></i>
                <!-- 如果有新消息，则显示小圆点 -->
                <span class="layui-badge">99+</span>
            </a>
        </li>
        <%--更换theme--%>
        <li class="layui-nav-item layui-hide-xs" lay-unselect>
            <a href="javascript:;" layadmin-event="theme">
                <i class="layui-icon layui-icon-theme"></i>
            </a>
        </li>
        <%--note--%>
        <li class="layui-nav-item layui-hide-xs" lay-unselect>
            <a href="javascript:;" layadmin-event="note">
                <i class="layui-icon layui-icon-note"></i>
            </a>
        </li>
        <%--全屏--%>
        <li class="layui-nav-item layui-hide-xs" lay-unselect>
            <a href="javascript:;" layadmin-event="fullscreen">
                <i class="layui-icon layui-icon-screen-full"></i>
            </a>
        </li>
        <li class="layui-nav-item" lay-unselect style="margin-right: 50px;">
            <a href="javascript:;">
                <cite><%=LoginUserUtil.getLoginUser().getUsername()%></cite>
            </a>
            <dl class="layui-nav-child">
                <dd><a href="/user/common/info">基本资料</a></dd>
                <dd><a lay-href="set/user/password.html">修改密码</a></dd>
                <hr>
                <dd style="text-align: center;"><a href="${pageContext.request.contextPath}/logout">退出</a></dd>
            </dl>
        </li>

    </ul>
</div>
